<template>
  <div class="p-warp">
     <div class="per-top">
			<i class="i back icon-arrow_lift" @click="back()"></i>
			我的中心
		</div>
    <router-view :orderdata=orderdata :allflag="allflag" v-on:nextto="tofather"></router-view>
  <div class="bar">
    <router-link to="/">
    <img src="static/img/order_click.png">
    <i>我的订单</i>
    </router-link>
    <router-link to="/vip">
    <img src="static/img/vip1.png">
     <i>会员中心</i>
     </router-link>
    <router-link to="/award">
    <img src="static/img/prize_zhengchuang.png">
     <i>我的奖品</i>
     </router-link>
     
  </div>  
  </div>
</template>

<script>
  
export default {
  name: 'personal',
  data(){
  	return{
  	}
  },
  props:["orderdata","allflag"],
  methods:{
  	back:function(){
  		window.location.href=sessionStorage.mainurl
  	},
  	tofather:function(data){
  		this.$emit("nexttoo",data)
  	}
  }
}
</script>

<style lang="stylus" scoped="scoped">
.p-warp
  width 100%
  height 100%
  background #f3f5f3
  overflow auto
  display flex
  box-sizing border-box
  padding-bottom 1rem
  flex-direction column
  .bar
    position absolute
    bottom 0
    left 0
    width 100%
    height 1rem
    background #f3f5f7
    display flex
    flex-direction row
    justify-content space-around
    align-content center
    line-height 0.8rem
    overflow hidden
    a
      font-size 0.2rem
      height 1rem
      display flex
      flex-direction column
      align-items center
      justify-content space-around
      i 
        height 0.2rem
        line-height 0.25rem
        font-size 0.2rem
      img 
        width 0.43rem
  .per-top
    width 100%
    flex-basis 0.8rem
    text-align center
    line-height 0.8rem
    font-size 0.3rem
    .back
      position absolute
      height 0.6rem
      top 0.1rem
      left 0.2rem
      font-size 0.3rem
      line-height 0.6rem
</style>
